<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <!--[if lt IE 9]>
    <script src="./js/html5.js"></script>
    <script src="./js/respond.min.js"></script>
    <![endif]-->
    <!--兼容ie8 html5标签--><!--ie8支持媒体查询-->
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
<div class="login">
    <form action="">
        <div class="logo">
            Sjq-it 后台
        </div>
        <div class="login-div">
            <label for="username">用户名</label>
            <input type="text" name="username" placeholder="用户名" id="username">
            <label for="password">密码</label>
            <input type="password" name="password" placeholder="密码" id="password">
            <div class="forget-pass">
                <a href="#">忘记你的密码?</a>
            </div>
            <div class="form-sub">
                <input type="checkbox" id="remember"><label for="remember">记住我</label>
                <input type="submit" value="登录  ">
            </div>
        </div>
    </form>
</div>
</body>
<script src="js/jquery.js"></script>
<script src="http://cdn.bootcss.com/jquery-placeholder/2.3.1/jquery.placeholder.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('input, textarea').placeholder();
    });
</script>
</html>